<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <script src="http://maps.google.com/maps/api/js?sensor=true" type="text/javascript"></script>
    </h:head>
    <h:form id="georrefBarrios-form">
        <center>
            <p:panel header="UBICACIÓN GEOGRÁFICA DE CONSTRUCCIONES" rendered="true">
                <h:panelGrid columns="2">
                    <p:gmap type="TERRAIN" style="width: 640px; height: 480px" zoom="5"  center="4.621848653067068,-74.10532904797367" 
                            model="#{georreferenciaConstrucciones.geoModel}" 
                            >
                        <p:ajax event="overlaySelect" listener="#{georreferenciaConstrucciones.overlaySelect}" update="pgPunto"></p:ajax>
                        <p:gmapInfoWindow maxWidth="10" >
                            <p:panel header="CONSTRUCCIÓN" id="pgPunto" style="font-size: 12px">
                                <h:panelGrid columns="1">
                                    <h:outputText value="Nombre de la Construcción: #{georreferenciaConstrucciones.nombreConstruccion}"/>
                                    <h:outputText value="Fecha inicio: #{georreferenciaConstrucciones.fechaInicial.toLocaleString().substring(0,10)}"/>
                                    <h:outputText value="Fecha final #{georreferenciaConstrucciones.fechaFinal.toLocaleString().substring(0,10)}"/>
                                </h:panelGrid>
                            </p:panel>
                        </p:gmapInfoWindow>

                    </p:gmap>
                    <p:commandButton value="Regresar" action="menu.xhtml" rendered="#{login.sessionBean.usuarioActual !=null}" />
                    <p:commandButton value="Regresar" action="login.xhtml" rendered="#{login.sessionBean.usuarioActual ==null}" />
                </h:panelGrid>

            </p:panel>
        </center>
    </h:form>
</html>
